<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div  id="content">
            <section class="content-header">
                <h1>
                    <i class="fa fa-hacker-news"></i>
                    <strong>售后服务评价</strong>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
                    <li>售后管理</li>
                    <li class="active">售后服务评价</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content"> 
                 <div class="row">
                    <div class="col-md-12">
                        <div class="box box-info">
                            <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">服务单列表</h4>
                            </div>
                            <div class="box-body">
                                <div class="form-inline">
                                	<div class="input-group">
										<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
										<span class="input-group-btn">
											<button type="button" name="search" id="search-btn" class="btn btn-info searchBtn">查询</button>
										    <button type="button" name="cancel" id="cancel-btn" class="btn btn-info cancelBtn">撤消</button>
										</span>
									</div>
									<div class="input-group">
								<form action="" method="get">
										<!-- <label><input name="isReceived" type="radio" value="" checked="checked"/>全部</label>  -->
										<label><input name="isReceived" type="radio" value="5" checked="checked"/>待回访</label> 
										<label><input name="isReceived" type="radio" value="6"/>已完成</label> 
								</form>
								</div>
									<button type="button" class="btn btn-sm btn-info pull-right finishBtn">完成服务单</button>
									<button type="button" class="btn btn-sm btn-info pull-right accessBtn">评价</button>
								</div>
                            </div>
                           <div class="box box-body" style="width:100%;overflow-x:scroll;">
                                <table id="accessTable" class="mytable dataTable table-bordered text-center table-striped table-hover display" cellspacing="0" width="1500px">
                                    <thead>
                                        <tr>
                                            <th width="4%">序号</th>
                                            <th width="2%"><input type="checkbox" id="checkAll" /></th>
                                            <th width="6%">服务单状态</th>
                                            <th width="8%">管理代码</th>
                                            <th width="6%">售后类型</th>
                                            <th width="6%">服务日期</th>
                                            <th width="7%">所属部门</th>
                                            <th width="6%">合同编号</th>
                                            <th width="6%">联系人</th>
                                            <th width="6%">联系方式</th> 
                                            <th width="6%">售后评价</th>
                                            <th width="10%">备注</th> 
                                        </tr>
                                    </thead>
                                    <tbody> 
               						</tbody>
                                </table>
                            </div>
                        </div>   
                    </div>
                </div>
            </section>
            <div class="modal" id="assessModal">
        		<div class="modal-dialog" role="dialog">
        			<div class="modal-content">
        				<form id="assessForm">
			                <div class="modal-header">
			                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			                    <h4 class="modal-title"><strong>售后评价</strong></h4>
			                </div>  
                			<div class="modal-body">
                				<input type="hidden" name="assessId" id="assessId" />
                				<input type="hidden" name="ticketName" id="ticketName" />
							    <input type="hidden" name="costcreatetime" id="costcreatetime" />
							    <div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">售后单号</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="manageCode" id="manageCode"
												readonly="readonly" />
										</div>
									</div>
									<label class="col-sm-2 control-label">售后评价</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<select class="form-control" id="assess" name="assess">
											   <option>优秀</option>
												<option>一般</option>
												<option>差</option>
										   </select>
										</div>
										
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">备注</label>
									<div class="col-sm-10">
										<div class="col-sm-11">
											<textarea class="form-control" type="text" name="assessMemo" id="assessMemo"></textarea>
										</div>
									</div>					
								</div>
							</div>
                   			</div>		
			                <div class="modal-footer">
			                    <button type="button" class="btn btn-primary saveBtn">保存</button>
			                    <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
			                </div>	
          				</form>
          			</div>
        		</div>
    		</div>
            <script th:src="@{/afterSaleAssess/assessindex.js}"></script>
        </div>
		
</body>
</html>
        
